*{
    margin: 0px;
    padding: 0px;
}
html,body,article{
    width: 100%;
}
article>header{
    width: 100%;
    height: 36px;
    background-color: #333333;
    display: flex;
    position: fixed;
    top: 0px;
}
article>header div{
    flex:1
}
article>header>.left>.warning1{
    width: 20px;
    height: 20px;
    background-image: url(../image/喇叭.png);
    background-size: 20px 20px;
    float: left;
    margin-left: 214.6px;
}
article>header>.left>.warning2>a{
    font-size: 12px;
    color: #cc9756;
    float: left;
}
article>header>.left>.warning2>a:hover{
    color: white;
}
article>header>.right>ul{
    margin-left: 140px;
}
article>header>.right li{
    list-style-type: none;
    float: left;
    margin-left: 20px;
}
article>header>.right li a{
    color: gray;
    font-size: 12px;
    text-decoration: none;
}
article>header>.right li a:hover{
    color: white;    
}
article>footer>.footer1{
    width: 100%;
    height: 300px;
}
article>footer>.footer1>.center{
    width: 1090px;
    height: 300px;
    background-image: url(../image/footer1.png);
    background-size: 1090px 300px;
    margin: 0 auto;
}
article>footer>.footer2{
    width: 100%;
    height: 250px;
    background-color: #414141;
}
article>footer>.footer2>.center{
    width: 1300px;
    height: 250px;
    background-image: url(../image/footer2.png);
    background-size: 1300px 250px;
    margin: 0 auto;
}